<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="网页制作">
	<meta>
	<link rel="stylesheet" href="./mail.png">
	<title>张科 </title>
	<link rel="stylesheet" href="qq.css">
	<link rel="shortcut icon" href="image/图标.png" type="image/x-icon">
</head>

<body>

<!---总体盒子-->
	<div class="all">
		<!---头部盒子以及字体-->
		<div class="header  ">
			<!---插入头部图片-->
			<div class="headlinks hl ">
			</div>
			<!---头部内容-->
			<div>
				<a href="#/" class="headlink">基本版 |</a>
				&nbsp; &nbsp;
				<a href="#" class="headlink">English |</a>
				&nbsp;&nbsp;
				<a href="http://li-shun577.gitee.io/cognition-practice57/QQmail.html" class="headlink">手机版 |</a>
				&nbsp;&nbsp;
				<a href="#" class="headlink">企业邮箱</a>
			</div>

		</div>
	</div>
	<!----中央盒子-->
	<div class="middle">
		<!---进一步限定中央盒子-->
		<div class="center">
			<!---插入主体图片-->
			<div class="picture">
<!---飞鸟内容-->
				<p class="t1">QQ邮箱,常联系！</p>&nbsp;&nbsp;
				<p class="titl1">没有什么能够阻挡</p>
				<p class="titl1">你对自由的向往</p>
				<p class="titl2">天马行空的生涯</p>
				<p class="titl3">你的心了无牵挂</p>&nbsp;
				<p class="titl4">摘自《蓝莲花》</p>
				<a href="#" target="_blank " class=" hui">听更多许巍音乐</a>
				</a>
			</div>
			<!----中央右侧登录表格-->
			<div class="login">
				<!---表格盒子边框-->
				<div class="first">
					<!---固定盒子标题-->
					<div class="li">
<!---加浮动手指-->
						<div class="left">微信登录</div>
						<div class="right">QQ登录</div>
					</div>
				</div>
				<!----标题下的小盒子-->
				<div class="second"></div>
				<!---表格内容盒子-->
				<div class="box">
					<!---input盒子-->
					<div class="three">
						<!---input内容-->
						<div class="text"><input type="text" placeholder="支持QQ号/邮箱/手机号登陆"></div>
						<div class="password"><input type="password" placeholder="QQ密码">
						</div>
<!---登录按钮-->
						<div class="submit">
							<a class="login_button">
								<input type="submit" value="登 录" class="btn" a>

								<label class="low_login_wording">下次自动登录</label>
								<!---复选-->
								<input type="checkbox" class="uncheck" style="left: 83px;top: 132.5px;">

						</div>
						
					</div>
					<!---表格底部-->
					<div class="bottom">
						<a href="#" class="link">找回密码</a>&nbsp;
						<span class="hui">|</span>&nbsp;
						<a href="#" class="link">扫码快捷登录</a>&nbsp;
						<span class="hui">|</span>&nbsp;
						<a class="link" href="#">注册账号</a>&nbsp;&nbsp;
					</div>
				</div>
			</div>
		</div>
	</div>
	<!---网页脚部--->
	<div class="footer">
		<div class="footer">
			<a href="#">关于腾讯</a>&nbsp;|&nbsp;
			<a href="#">服务条款</a>&nbsp;|&nbsp;
			<a href="#">隐私政策</a>&nbsp;|&nbsp;
			<a href="#">客服中心</a>&nbsp;|&nbsp;
			<a href="#">联系我们</a>&nbsp;|&nbsp;
			<a href="#">帮助中心</a>&nbsp;|&nbsp;
			<span class="hui2">©1998 - 2023 Tencent Inc. All Rights Reserved.</span>
		</div>

		<span>
			<a href="#" target="_blank" class="hui">粤公网安备&nbsp;&nbsp;44030002000001号</a>
			<a href="#" target="_blank" class="hui">ICP备案号&nbsp;&nbsp;粤B2-20090059</a>
			<a href="#" target="_blank" class="hui">增值电信业务经营许可证&nbsp;&nbsp;粤B2-20090059</a>
		</span>

	</div>
	</div>

</body>

</html>